<template>
    <div class="home">
        <Header head-title="验证手机号" go-back="true"></Header>
        <section class="group">
            <section class="Select CardApply">
                <p class="fonts">验证码</p>
                <input type="text" class="Back_input" placeholder="请输入验证码">
                <button class="GetCode" :disabled="CodeDisable">
                    {{ getCode }}
                </button>
            </section>
        </section>
        <el-button @click="SetPay()" class="Login gotoPay" type="primary">下一步</el-button>
    </div>
</template>
<script>

import Header from '../../components/Header'

export default {
  data () {
    return {
      getCode: '获取验证码',
      CodeDisable: false
    }
  },
  components: {
    Header
  },
  methods: {
    //    下一步
    SetPay () {
      this.$router.push({
        path: '/SetPay'
      })
    }
  }
}
</script>

<style scoped>
</style>
